<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>以鼠标位置为中心的滑轮放大功能</title>
    <style type="text/css">
        html,
        body {
            height: 100%;
            overflow: hidden;
        }
        
        body {
            margin: 0;
            padding: 0;
        }
        
        #oImg {
            position: absolute;
            left: 50px;
            top: 50px;
            z-index: 1;
        }
    </style>
    <script type="text/javascript" src="js/jquery.floatPic.js">
    </script>
</head>

<body>
    <img id="oImg" src="img/demo.jpg" style="left: 716px; top: 125px;">


</body>

</html>